<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="centre/manage/include :: header"></head>

<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="setCommanderForm">
							<input type="hidden" th:value="${member.id}" id="id" name="id">
							<input id="nickname" name="nickname" type="hidden" th:value="${member.nickname}"/>
							<table class="table table-bordered table-condensed">
								<tbody>
								<tr>
									<th class="required" style="text-align: right;">昵称</th>
									<td th:text="${member.nickname}"></td>
								</tr>
								<tr>
									<th class="required" style="text-align: right;">openId</th>
									<td th:text="${member.openid}"></td>
								</tr>
								<tr>
									<th class="required" style="text-align: right;">真实姓名</th>
									<td><input id="realname" name="realname" class="form-control" type="text" th:value="${member.realname}"/></td>
								</tr>
								<tr>
									<th class="required" style="text-align: right;">保证金</th>
									<td><input id="bondmoney" name="bondmoney" class="form-control" type="text" th:value="${member.bondmoney}"/></td>
								</tr>
								<tr>
									<th class="required" style="text-align: right;">手机号码</th>
									<td><input id="mobile" name="mobile" class="form-control" type="text" th:value="${member.mobile}"/></td>
								</tr>
								<tr>
									<th class="required" style="text-align: right;">选择推荐门店</th>
									<td>
									     <input type="hidden" id="centreId"  name="centreId" th:value="${member.centreId}">
									     <input id="upTeamid" name="upTeamid" class="form-control" type="hidden" th:value="${member.upTeamid}">
									     <input id="upTeamname" name="upTeamname" placeholder="点击选择推荐门店" th:value="${member.upTeamname}" class="form-control" type="text" readonly  onclick="chooseCommander()">
									</td>
								</tr>
								<tr>
									<th class="required" style="text-align: right;">地区</th>
									<td>
									   <div class="gg-formDetail gg-font0" data-toggle="distpicker" th:attr="data-province=${member.province},data-city=${member.city},data-district=${member.area}">
		                                    <div class="gg-area">
		                                        <select class="form-control" id="province" name="province" :data-province="----选择省----">
		                                        </select>
		                                    </div>
		                                    <div class="gg-area">
		                                        <select class="form-control" id="city" name="city" :data-city="----选择市----">
		                                        </select>
		                                    </div>
		                                    <div class="gg-area">
		                                        <select class="form-control" id="area" name="area" :data-district="----选择区----">
		                                        </select>
		                                    </div>
	                                   </div>
									</td>
								</tr>
								<tr>
									<th class="required" style="text-align: right;">门店名称</th>
									<td><input id="xiaoqu" name="xiaoqu" class="form-control" type="text" th:value="${member.xiaoqu}"/></td>
								</tr>
								<tr>
									<th class="required" style="text-align: right;">详细地址</th>
									<td><input id="address" name="address" class="form-control" type="text" th:value="${member.address}"/></td>
								</tr>
								<tr>
									<th class="required" style="text-align: right;">门店商店所在地区</th>
									<td>
									   <div class="gg-formDetail gg-font0" data-toggle="distpicker" th:attr="data-province=${member.tProvince},data-city=${member.tCity},data-district=${member.tArea}">
		                                    <div class="gg-area">
		                                        <select class="form-control" id="tProvince" name="tProvince" :data-province="----选择省----">
		                                        </select>
		                                    </div>
		                                    <div class="gg-area">
		                                        <select class="form-control" id="tCity" name="tCity" :data-city="----选择市----">
		                                        </select>
		                                    </div>
		                                    <div class="gg-area">
		                                        <select class="form-control" id="tArea" name="tArea" :data-district="----选择区----">
		                                        </select>
		                                    </div>
	                                   </div>
									</td>
								</tr>
								<tr>
									<th class="required" style="text-align: right;">门店商店所在坐标</th>
									<td><input id="lat" name="lat" class="form-control" type="text" th:value="${member.lat}"/><p onclick="getZuoBiao()" style="height: 5px;"><a>点击获取坐标值</a></p></td>
								</tr>
								<tr>
									<th class="required" style="text-align: right;">门店商店所在小区</th>
									<td><input id="tXiaoqu" name="tXiaoqu" class="form-control" type="text" th:value="${member.tXiaoqu}"/></td>
								</tr>
								<tr>
									<th class="required" style="text-align: right;">门店商店详细地址</th>
									<td><input id="tShopname" name="tShopname" class="form-control" type="text" th:value="${member.tShopname}"/></td>
								</tr>
								<tr>
									<th class="required" style="text-align: right;">注册时间</th>
									<td th:text="${member.createtime} == null ? null : ${#dates.format(member.createtime,'yyyy-MM-dd HH:mm:ss')}"></td>
								</tr>
								</tbody>
							</table>
							<div class="form-group text-center">
								<div class="col-sm-8 col-sm-offset-2">
									<button type="submit"  class="btn btn-primary"><i class="fa fa-check"></i>提交</button>
									<div class="btn btn-danger" onclick="closeDow()"><i class="fa fa-remove"></i> 关闭</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>

	</div>
	<div th:include="centre/manage/include::footer"></div>
	<script type="text/javascript" src="/js/appjs/member/manage/setCommander.js"></script>
	<script type="text/javascript">
		function closeDow() {
			var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
			parent.layer.close(index);
		}
		function getZuoBiao() {
			window.open("https://lbs.amap.com/console/show/picker");
		}
	</script>
</body>
</html>
